<template>
  <p>App</p>
  <!-- 
    Vue3中 默认给组件绑定的事件是原生DOM事件（前提：1. 子组件必须有根标签 2. 事件名是原生DOM事件名）
      删除了.native事件修饰符
      如果子组件内部声明接受了事件，那么事件就变成自定义事件
   -->
  <Child :count="count" @click="update" />
</template>

<script lang="ts">
import Child from "./Child.vue";

export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    update() {
      this.count++;
    },
  },
  components: {
    Child,
  },
};
</script>
